<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人简历</title>
		<style type="text/css">	
		/**{margin: 0;padding: 0;}*/
			body{font-family: 时尚中黑简体;background-color: #000000;}
			.double{font-family: 迷你简双线体;}
			main{width: 400px;  border: solid 1px black; margin: 0 auto;height: 650px;background-image: url(img/wood.png);background-size: 100% 100%;bac}
			
			header{/*border:solid 1px red;*/ position: relative; width: 250px;height: 80px; margin-left:25px;background-color:#1F1A17 ;background-image: url(img/flower.png);background-repeat: no-repeat;background-position: right;  border-radius: 13px; margin-top:40px ;overflow:hidden;z-index: 2000;}
			span{margin: 0; padding: 0;/*border: solid 1px yellow;*/}
			header span:nth-child(1){position: absolute;left:17px ;top:36px}
			header span:nth-child(2){font-size: 55px; position: absolute;left:90px;top:-5px;color:white;}
			header span:nth-child(3){width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);}
			header span ruby{font-size: 12px;color: white;}
			header span rt{font-size: 25px;color: #5555FF;}
			section{width: 250px;height: 80px;border: solid 1px;border-radius: 18px;margin-top:-10px;}
			
			#s1{background-color: white;font-size: 6px;border-radius: 13px;position: relative;color: grey; margin-left: 100px;margin-top: -10px;z-index: 1900;}
			#s1 ul{width: 70px; list-style-type: none; text-align: right; /*border: solid 1px red;*/position: absolute;padding: 0; margin-top:10px}
			#s1 ul:nth-child(1){top:10px;left: 40px;}
			#s1 ul:nth-child(2){left: 120px;top:0}
			
			/*#s1 ul:nth-child(2){float: right;margin: 0;padding: 0;}*/
			#s1 h2{letter-spacing: 2px; height: :;px;}
			#big{font-size: 14px;}
			#s1 span{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);}
			
			#s2{border-radius: 13px;background-color: #FFFF77;color:grey;position: relative;margin-left: 25px; margin-top:-5px;z-index: 1800;}
			#s2 h2{font-size: 13px;/*border: solid 1px red;*/margin:0}
			#s2 ul{list-style-type: none;font-size: 6px;float: right;text-align: right; margin-right: 20px;padding: 0;}
			#s2 span{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);}
			
			#s3{border-radius: 13px; background-color: #D28EFF;font-size: 10px;position: relative;margin-left: 100px; margin-top:-10px;z-index: 1700;}
			#s3 p{margin: 0;text-align: right;margin-right: 20px; }
			#s3 p:nth-child(1){color: white;font-size: 18px;margin-top: 8px;margin-bottom: 8px;}
			#s3 p:last-child{color: white;font-size: 12px;position: absolute;bottom: 0;left:10px;letter-spacing: 2px;} 
			#s3 span{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);}
			
			#s4{background-color: #DC143C;margin-left:25px ;font-size: 9px;text-align: right;z-index: 1600;position: relative;}
			#s4 span{font-size: 12px;color: white;letter-spacing: 2px;margin-top: 10px;display: inline-block;}
			#s4 span:nth-child(1){margin-right:10px;}
			#s4 span:nth-child(2){margin-right:20px;}
			#s4 p{margin-right: 20px;}
			.yuan{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:45px;left: 10px;background-image: url(img/wood.png);z-index: 2000;}
			
			#s5{background-color: #FFFFBB;margin-left:100px ;z-index: 1500;font-size: 10px;position: relative;}
			#s5 p:nth-child(1){font-size: 18px;margin-top: 10px;}
			#s5 p{margin: 0;text-align: right;margin-right: 20px;}
			#s5 span{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);}
			
			#s6{background-color:#FFCCCC;margin-left: 25px;z-index: 1400;font-size: 8px;position: relative;}
			#s6 p{margin:0;margin-left: 30px; }
			#s6 h2{font-size: 14px;}
			#s6 div{height: 45px;margin-top: 10px;margin-left: 30px;position: relative;}
			#s6 div p{width: 150px;padding: 0;margin: 0;}
			#s6 div:nth-child(1){float: left;}
			#s6 span{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);}
			
			#s7{background-color:lightgrey;margin-left: 100px;z-index:1300;position: relative;overflow: hidden;margin-top: -15px;}
			#s7 p{margin:0;z-index:2000;color: white;z-index: 4000;}
			#s7 p:nth-child(1){font-size: 14px;margin-left: 70px;margin-top: 15px;margin-bottom: 5px;}
			#s7 p:nth-child(2){font-size: 22px;margin-left: 86px;}
			
			
			
			.yuan2{width: 14px;height: 14px;border-radius: 50%; /*border: solid 1px white;*/ position: absolute;top:55px;left: 10px;background-image: url(img/wood.png);z-index: 2000;}
			.yy{width: 100px;height: 100px;background-color: yellow;border-radius: 50%;position: absolute;top:10px;left: 10px;opacity: 0.5;}
			.zy{width: 150px;height: 150px; background-color: blue;border-radius: 50%;position: absolute;top: -30px;left: 87px;opacity: 0.5;}
		</style>
	</head>
	<body>
		<main>
			<header>
				
				<span><ruby>xiao<rt>小</rt></ruby><ruby>ting<rt>婷</rt></ruby></span>
				<span class="double">简历</span>
				<span></span>
				
			</header>
			<section id="s1">
				
				<ul>
					<li>籍贯：xxx</li>
					<li>政治面貌xxx</li>
					<li>毕业学校：xxxxxxxxx</li>
					<li>专业：xxxxx</li>
				</ul>
				<ul>
					<li id="big">个人信息</li>
					<li>民族：xx族</li>
					<li>出生日期：9x年xx月xx日</li>
					<li>身高：1xxCM</li>
				</ul>
				<span></span>
			</section>
			<section id="s2">
				<ul>
					<h2>联系方式</h2>
					<li>电话：15111111111</li>
					<li>E_Mail:915999999@qq.com</li>
					<li>QQ:915999999</li>
				</ul>
				<span></span>
			</section>
			<section id="s3">
				<p>教育经历</p>
				<p>于xx省xx市xxxxxx学校</p>
				<p>就读xxxxx</p>
				<p class="double">2007年至2012年7月</p>
				<span></span>
			</section>
			<section id="s4">
				<span class="double">2010年07月至2011年9月</span><span>实践经历</span>
				<p>Xx市XXXXXX设计有限公司就职</p>
				<p>担当设计师</p>
				<span class="yuan"></span>
			</section>
			<section id="s5">
				<p>技能水平</p>
				<p>可熟练操作</p>
				<p>CorelDRAW、Adobe Photoshop</p>
				<p>等设计软件与办公室软件</p>
				<span></span>
			</section>
			<section id="s6">
				<div>
					<p>1、大胆创新,具有敏锐的时尚触角，对设计方面极感兴趣;</p>
					<p>2、有良好的独立工作能力,工作认真积极,责任心强,有较好的沟通能力和接受能力;</p>
				</div>
				<div>
					<h2>自我批评</h2>
				</div>
				<p>3、既有团队精神和协调能力,适应能力强,能吃苦耐劳,待人真诚热情</p>
				<span></span>
			</section>
			<section id="s7">
				<p>求职意向</p>
				<p>淘宝美工</p>
				<span class="yuan2"></span>
				<span class="yy"></span>
				<span class="zy"></span>
			</section>
		</main>
	</body>
</html>

